<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数字的加减</title>
    <link rel="stylesheet" type="text/css" href="normalize.css">
    <style>

    </style>
    <script src="jquery-2.1.4.min.js"></script>
    <script>
        //引入了jquery
        $(document).ready(function () {
//点击加号时
            $(".increase-number").click(function () {
//取出input现在的值，并使用parseInt转为int类型数据
                var oldValue = parseInt($(this).siblings(".addday").val());
//oldValue变量自加1
                oldValue++;
//将增加后的值付给原控件（即input元素的值）
                $(this).siblings(".people-number").val(oldValue);
            });
//点击减号的时候
            $(".sdecrease-number").click(function () {
                //取出现在的值，并使用parseInt转为int类型数据
                var oldValue = parseInt($(this).siblings(".speople-number").val());
//为了防止出现人数的负数，做出一些判断
                if (oldValue <= 0) {
                    oldValue = 1;
                } else {
                    oldValue--;
//将增加后的值付给原控件
                    $(this).siblings(".speople-number").val(oldValue);
                }
            });
        })
    </script>
</head>
<body>
<div class="consult-planner-day">服务天数
    <!-- 添加天数的按钮 -->
    <div class="addday-button">
        <span class="decrease-number">一</span>
        <span class="increase-number">+</span>
        <input type="number" class="addday" value="0">
    </div>
</div>

</body>
</html>